import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import globalComponents from './components/index'
import store from './stores/vuex/vuex'
import router from './router'

import 'element-plus/dist/index.css'
import './style.css'
// import "./assets/main.css";

// import App from "./views/01-组件传值/app.vue"
// import App from './views/02-v-if 和 v-for 哪个优先级更⾼/app.vue'
// import App from './views/03-v-show与v-if的区别/app.vue'
// import App from './views/04-computed和watch的区别/app.vue'
// import App from './views/05-vue3全局指令如何使用/app.vue'
// import App from './views/06-对keep-alive的理解/App.vue'
// import App from './views/07-var,let,const的区别/App.vue'
// import App from './views/08-const对象属性可以修改吗/App.vue'
// import App from './views/09-call、apply、bind的异同/App.vue'
// import App from './views/10-动态组件/App.vue'
// import App from './views/11-事件修饰符/App.vue'
// import App from './views/12-v-model 是如何实现的，语法糖实际是什么？/App.vue'
// import App from './views/13-vue3如何实现响应式/App.vue'
// import App from './views/14-wacth与watchEffect的区别/App.vue'

// import App from './views/css面试题/01-圣杯布局/App.vue'
// import App from './views/11-双飞翼布局/App.vue'
// import App from './views/css面试题/03-flex实现一个三点的色子/App.vue'
// import App from './views/css面试题/04-响应式/App.vue'
// import App from './views/css面试题/05-块级元素与行内元素的区别/App.vue'

// import App from './views/JS面试题/01-手写promise/App.vue'
// import App from './views/JS面试题/01-手写promise/App2.vue'
// import App from './views/JS面试题/02-手写深拷贝/App.vue'
// import App from './views/JS面试题/02-手写深拷贝/App2.vue'
// import App from './views/JS面试题/03-手写简易的JQ/App.vue'
// import App from './views/JS面试题/04-创建10个a标签，点击弹出对应的序号/App.vue'
// import App from './views/JS面试题/05-手写bind函数/App.vue'
// import App from './views/JS面试题/05-手写bind函数/App2.vue'
// import App from './views/JS面试题/06-手写promise加载一张图片/App.vue'
// import App from './views/JS面试题/07-编写一个通用的事件监听函数/App.vue'
// import App from './views/JS面试题/08-手写一个简易的ajax/App.vue'
// import App from './views/JS面试题/09-this指向问题/App.vue'
// import App from './views/JS面试题/10-手写防抖，节流/App.vue'
// import App from './views/JS面试题/12-手写isEqual函数/App.vue'

// ----------------------- 案例 -----------------------
// import App from '@/views/案例/01-二次封装elementUi组件/App.vue'
// import App from '@/views/案例/02-生成随机图片/App.vue'
// import App from '@/views/案例/03-如何实现高度自动过渡/App.vue'
// import App from '@/views/案例/05-网格布局grid/App.vue'  
import App from '@/views/案例/06-axios封装请求案例/App.vue'

const app = createApp(App)
app.use(createPinia())
app.use(globalComponents)
app.use(ElementPlus)
app.use(router)
app.use(store)

app.mount('#app')
